<template>
  <div class="son">
    我是子组件 {{ money }}
    <button @click="addOne">+1</button>
  </div>
</template>

<script>
export default {
  props: {
    money: {
      type: Number,
      required: true
    }
  },
  methods: {
    addOne() {
      // this.$emit('add', this.count + 1)
      this.$emit('update:money', this.money + 1)
      // this.count = 100

      // 之前子传父:
      // 1. 通知
      // 2. 父组件处理

      // .sync修饰符后
      // 1. 父传子数据需要加.sync  相当于父组件将数据的控制权交给子组件
      // 2. 子组件想要更新数据 直接this.$emit('update:props名', 值)
    }
  }
}
</script>

<style>

</style>
